<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>ws</title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
				list-style: none;
				box-sizing: border-box;
			}
			.box{
				width: 96%;
				margin: 50px auto;
			}
			.ull_w{
				width:100px; 
				height: 35px;
				overflow: hidden; 
				border: 1px solid #cccccc; 
				margin-bottom: 30px;
				
			}

			.ull_w li {
				width: 100%;
				float: left;
				text-align: center;
				line-height: 35px;
			}

			.div_w>div {
				float: left;
				font-size: 14px;
				margin-right: 16px;
				margin-bottom: 30px;
			}

			.div_w>div>input {
				border: none;
				width:90px;
				border-bottom: 1px solid #cccccc;
			}

			.div_w>div>select {
				width: 50px;
			}

			.div_w>button {
				float: left;
				border: none;
				width: 60px;
				padding: 5px;
				border: 1px solid #cccccc;
				text-align: center;
				font-size: 14px;
				border-radius: 10px;
				background: #ffffff;
			}
			.table{
				width: 100%;
				text-align: center; 
				margin-top: 30px;
			}
			.table tr td{
				padding: 5px;
			}
			.active{
				color: aqua;
			}
		</style>

	</head>
	<body>
		<div class="box">
			<ul class="ull_w">
				<li>发布</li>
			</ul>
			<div class="div_w">
				<div>短信名称：<input type="text"/></div> 
				<div>短信状态 <select><option></option></select></div>
				<div>专题ID：<input type="text"/></div>
				<div>专题名称：<input type="text"/></div>
				<div>专题状态：<select><option></option></select></div>
				<div>频道：<select><option></option></select></div>
				<button>搜索</button>
			</div>
			<table border="1"  cellspacing="0" cellpadding="0" class="table">
				<tr>
					<td>选择</td>
					<td>ID</td>
					<td>标题</td>
					<td>状态</td>
					<td>专题ID</td>
					<td>专题名称</td>
					<td>专题状态</td>
					<td>点击数</td>
					<td>。。。</td>
				</tr>
				<tr>
					<td><input type="checkbox"/></td>
					<td>1</td>
					<td>文章xxxxxxxxx</td>
					<td>待审核</td>
					<td>1</td>
					<td>专题xxxxxxxxx</td>
					<td>待审核</td>
					<td>13</td>
					<td></td>
				</tr>
				<tr>
					<td><input type="checkbox"/></td>
					<td>2</td>
					<td>文章xxxxxxxxx</td>
					<td>待发布</td>
					<td>1</td>
					<td>专题xxxxxxxxx</td>
					<td>待发布</td>
					<td>14</td>
					<td></td>
				</tr>
				<tr>
					<td><input type="checkbox"/></td>
					<td>3</td>
					<td>文章xxxxxxxxx</td>
					<td>待发布</td>
					<td>2</td>
					<td>专题xxxxxxxxx</td>
					<td>已发布</td>
					<td>99</td>
					<td></td>
				</tr>
				<tr>
					<td><input type="checkbox"/></td>
					<td>4</td>
					<td>文章xxxxxxxxx</td>
					<td>待发布</td>
					<td>3</td>
					<td>专题xxxxxxxxx</td>
					<td>待发布</td>
					<td>0</td>
					<td></td>
				</tr>
			</table>
		</div>
	</body>
</html>
